import React, { useRef } from 'react';
import styles from './index.less';

interface PropsType {
  step?: number;
  children: React.ReactNode;
}

const Index: React.FC<PropsType> = (props) => {
  const {
    children,
  } = props;
  const listRef = useRef<HTMLDivElement>(null);
  const listItemRef = useRef<HTMLDivElement>(null);

  return (
    <div className={styles.diyScrollWrapper}>
      <div className={styles.left} ref={listRef}>
        <div ref={listItemRef}>{children}</div>
      </div>
    </div>
  );
};

export default Index;
